<template>
  <div class="my">
    <div class="top" @click="$router.push('/login')">
      <div class="img-div">
        <img
          alt=""
          src="http://cba.itlike.com/public/mweb/static/default-avatar.png"
        />
      </div>
      <div class="name-div">
        <p class="first-p">未登錄</p>
        <p class="last-p">點擊登錄賬號</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "indexMy",
  components: {},
  data() {
    return {};
  },
  computed: {},
  methods: {},
  created() {},
};
</script>
<style lang="less">
.my {
  .top {
    background-image: url("http://cba.itlike.com/public/mweb/static/background/user-header2.png");
    display: flex;
    align-items: center;
    height: 130px;
    padding: 30px 20px;

    .img-div {
      margin-right: 10px;

      img {
        border-radius: 100%;
        width: 50px;
      }
    }

    .name-div {
      .first-p {
        font-weight: bold;
        color: #c59a46;
        margin-bottom: 5px;
      }

      .last-p {
        color: #c59a46;
      }
    }
  }
}
</style>
